import { Breadcrumb } from "antd";
import { connect } from "react-redux";
import "./index.scss";

const Breadcrumb_Antd = ({ breadcrumbArr }) => {
  return (
    <Breadcrumb
      className="bread-container frostedGlass"
      items={breadcrumbArr.map((item) => ({
        title: item,
      }))}
    ></Breadcrumb>
  );
};
export default connect(
  (state: any) => ({
    breadcrumbArr: state.breadcurmb.value,
  }),
  null,
)(Breadcrumb_Antd);
